---
layout: default
nav: tutorial
---

<div class="container">

  <div class="row">
    <div class="col-md-12">

      <h1>Intercooler Tutorials</h1>

      <h3>Tutorial 0: Using Intercooler and Turbolinks</h3>

      <div class="tutorial-overview">
        <p>To use intercooler with Turbolinks in Rails, you will need to enable the <code>jquery-turbolinks</code> gem.
        </p>

        <p>See <a
          href="https://github.com/LeadDyno/intercooler-tutorial-app/commit/c361ad370320632d69bec6964afdd57b94a182d5">this
          diff</a> on
          github for the template.</p>
      </div>

      <h3><a href="/tutorials/crud.html">Tutorial 1: Adding AJAX To A Rails CRUD UI</a></h3>

      <div class="tutorial-overview">
        <p>This tutorial will show you how to add AJAX to a Rails CRUD UI using IntercoolerJS.</p>

        <a href="/tutorials/crud.html">Go To Tutorial...</a>
      </div>

      <h3><a href="/tutorials/flash.html">Tutorial 2: Making the Rails Flash Work</a></h3>

      <div class="tutorial-overview">
        <p>This tutorial will show you how to fix the Rails flash so that it works properly in IntercoolerJS.</p>

        <a href="/tutorials/flash.html">Go To Tutorial...</a>
      </div>

      <h3><a href="/tutorials/infinite.html">Tutorial 3: Infinite Scroll</a></h3>

      <div class="tutorial-overview">
        <p>This tutorial will show you how to implement infinite scroll in IntercoolerJS.</p>

        <a href="/tutorials/infinite.html">Go To Tutorial...</a>
      </div>

      <h3><a href="/tutorials/click_to_load.html">Tutorial 4: Click To Load</a></h3>

      <div class="tutorial-overview">
        <p>This tutorial converts the previous infinite scroll UI into a click-based "Load More" UI.</p>

        <a href="/tutorials/click_to_load.html">Go To Tutorial...</a>
      </div>

      <h3><a href="/tutorials/bulk_ops.html">Tutorial 5: Bulk Operations</a></h3>

      <div class="tutorial-overview">
        <p>This tutorial shows you how to update multiple rows in a table UI using IntercoolerJS.</p>

        <a href="/tutorials/bulk_ops.html">Go To Tutorial...</a>
      </div>

      <h3><a href="/tutorials/inline_validation.html">Tutorial 6: Inline Validation</a></h3>

      <div class="tutorial-overview">
        <p>This tutorial shows you how to implement inline server-side validation of input using IntercoolerJS.</p>

        <a href="/tutorials/inline_validation.html">Go To Tutorial...</a>
      </div>

    </div>
  </div>
</div>